.banner{
    width: 100%;
    /* height: 1080px; */
   /* 如果某块区域高度是不确定的,可以通过设置最小高度,先显示出来 */
    /* min-height: 500px; */
    background-color: pink;
  }
  .banner .banner-img{
    width: 100%;
    height: auto;
    /* img是行内块元素,会默认把换行当作一个空格来处理.
    所以图片下面会有一个很小的间隙 */
    display: block;
  }
  
  
  /* 为了处理logo的问题 临时补充响应式的知识点 */
  /* 如果媒体宽度最大是1200的时候 */
  @media(max-width:1200px){
    .header .logo{
      display: none;
    }
  }